The mentioned functionalities may be restricted depending on the purchased software license.
Infographic Configuration Management
Infographic configurations are the bridge between your reusable templates and specific installations. They allow you to customize templates with installation-specific data, images, and settings while maintaining the underlying design structure.
📋 Overview
What are Infographic Configurations?
Configurations serve as installation-specific implementations that:
- 🎯 Apply templates to specific installations or controllers
- ⚙️ Customize content with installation-specific data and images
- 🔗 Link to controllers for physical display deployment
- 📊 Enable real-time data integration from specific installations
- 🎨 Override template defaults with customized content
Configuration Workflow
| Step | Action | Purpose |
|---|---|---|
| 1️⃣ Template Selection | Choose base template | Defines layout and structure |
| 2️⃣ Content Customization | Configure blocks | Installation-specific content |
| 3️⃣ Preview & Test | Validate display | Ensure proper rendering |
| 4️⃣ Controller Linking | Connect to hardware | Enable physical display |
Key Benefits
✅ Template Reusability - Use one template across multiple installations
✅ Installation-Specific Data - Show relevant metrics for each location
✅ Real-time Updates - Live data integration and display
✅ Easy Maintenance - Update templates to affect all configurations
🚀 Getting Started
Prerequisites
Before creating configurations, ensure you have:
- ✅ Created templates - At least one template available for use
- ✅ Installation access - Permissions to view and configure installations
- ✅ Controller hardware (optional) - For physical display deployment
- ✅ Content assets - Images and data sources ready for customization
Configuration Process Overview
The configuration process involves:
- 🔍 Finding the installation you want to configure
- 📋 Accessing configuration management for that installation
- 🎨 Creating new configurations based on templates
- ⚙️ Customizing content for the specific installation
- 👁️ Previewing results before deployment
- 🎛️ Linking controllers for physical display (optional)
🎛️ Accessing Configuration Management
Navigation to Configuration
Step-by-step navigation:
- Navigate to installations - Go to your installation overview page
- Select target installation - Choose the installation you want to configure
- Access popup menu - Click on the installation or controller entry
- Choose infographic option - Select 'Infographic' from the popup menu
Installation-Specific Context
Why installation-specific?
- 🎯 Targeted data - Each installation has unique data sources
- 📍 Location context - Site-specific images and information
- ⚙️ Custom settings - Installation-specific display preferences
- 👥 User permissions - Access control per installation
📋 Configuration Management Interface
Configuration Overview Table
The configuration table provides comprehensive management for all infographic displays associated with the selected installation:
| Column | Information |
|---|---|
| 📝 Configuration Name | Custom identifier for easy recognition |
| 🔗 Link | Link a controller/ multiple controllers to the configuration |
| 👤 View | See a preview of the configuration to ensure quality |
| ✏️ Edit | Edit existing configuration |
| 🗑️ Delete | Delete existing configuration |
🎨 Creating New Configurations
Initiating Configuration Creation
Click the "Add New Configuration" button (top-left of the table) to start the configuration process.
Template Selection
Template Dropdown
Selection process:
- Browse available templates - See all templates you have access to
- Preview template structure - View block layout and types
- Select appropriate template - Choose based on your display needs
Template information displayed:
- 📐 Template name and description
- 🧩 Type of configurable blocks
Block Configuration Overview
After template selection, you'll see:
- 📝 Configuration title - Input field for assigning a logical name to your configuration
- 🧩 Available configurable blocks - All blocks from the selected template that have overrideable configurations
- ⚙️ Customization options - Block-specific configuration settings
⚙️ Block-Specific Configuration
Configuration Interface
Configurable Block Types
🖼️ Image Blocks
Configuration options:
- 📁 Image replacement - Override template default images
- 📤 Upload new images - Installation-specific photos
👁️ Preview and Testing
Configuration Preview
Preview Features
Real-time visualization:
- 🖥️ Actual display rendering - See exactly how it will appear
- 📱 Responsive testing - Resize browser to test different screen sizes
- 📊 Live data preview - Real installation data of the selected installation
Quality Assurance Checklist
Before deployment, verify:
✅ Visual Elements:
- All images display correctly
- Text is readable and properly formatted
- Colors and contrast meet standards
- Layout adapts to target screen size
🎛️ Controller Integration
Linking Controllers
Controller Assignment Process
Prerequisites for linking:
- ✅ Controller claimed - Device registered to your account and not used in another configuration
- ✅ Configuration finished - Saved and ready for deployment
- ✅ Network connectivity (only for testing with a controller) - Controller connected with ethernet, hdmi and power
- ✅ Permissions - Access rights to both configuration and controller
Assignment Interface
Controller selection:
- 📋 Available controllers - List of claimed, unassigned controllers
- 📊 Controller status - Online/offline, capabilities, current assignments
- 📐 Hardware specifications - Screen size, resolution, performance
- 🔗 Compatibility check - Automatic validation of configuration requirements
📚 Related Documentation
Workflow References
Previous steps:
- 🎛️ Controller Management - Claim and manage hardware
- 📐 Template Creation - Design reusable layouts
- 🚀 Getting Started Guide - Complete workflow overview
🎉 Configuration Complete! Your infographic is now ready for deployment and will provide valuable visual insights for your SmartgridX installation!